﻿<UserControl
            x:Class="DiscoveryLogic.UI.Layouts.Controls.BarChartCylindars"
            xmlns="http://schemas.microsoft.com/client/2007" 
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
            Width="100" Height="249" >
    
    <Canvas 
        x:Name="PaymentBar">

  <Ellipse Height="40"  Width="101" Canvas.Top="209" x:Name="InterestBase">
    <Ellipse.Fill>
      <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
        <GradientStop Color="#FFFFFFFF" Offset="0"/>
        <GradientStop Color="#FF072F2F" Offset="0.63"/>
        <GradientStop Color="#FF5C7676" Offset="0.053"/>
        <GradientStop Color="#FF516D6D" Offset="1"/>
        <GradientStop Color="#FF123838" Offset="0.88"/>
      </LinearGradientBrush>
    </Ellipse.Fill>
  </Ellipse>

  <Rectangle Canvas.Left="0" Width="101" Height="74" Canvas.Top="151" x:Name="InterestBarrel">
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
          <GradientStop Color="#FFFFFFFF" Offset="0"/>
          <GradientStop Color="#FF072F2F" Offset="0.63"/>
          <GradientStop Color="#FF5C7676" Offset="0.053"/>
          <GradientStop Color="#FF516D6D" Offset="1"/>
          <GradientStop Color="#FF123838" Offset="0.88"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <Ellipse   Height="40" Width="101" Canvas.Top="133" x:Name="InterestTop">
      <Ellipse.Fill>
        <LinearGradientBrush EndPoint="2.575,-3.073" StartPoint="0.138,1.404">
          <GradientStop Color="#FFFFFFFF" Offset="0"/>
          <GradientStop Color="#FF072F2F" Offset="0.63"/>
          <GradientStop Color="#FF5C7676" Offset="0.053"/>
          <GradientStop Color="#FF516D6D" Offset="1"/>
          <GradientStop Color="#FF123838" Offset="0.88"/>
        </LinearGradientBrush>
      </Ellipse.Fill>
    </Ellipse>
  
    <Ellipse Height="40"  Width="101" Canvas.Top="133" x:Name="PrincipalBase">
      <Ellipse.Fill>
        <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
          <GradientStop Color="#FFFFFFFF" Offset="0"/>
          <GradientStop Color="#FF146581" Offset="0.827"/>
          <GradientStop Color="#FF8CB4C1" Offset="0.091"/>
          <GradientStop Color="#FF6EA0B1" Offset="1"/>
          <GradientStop Color="#FF1D6B86" Offset="0.567"/>
        </LinearGradientBrush>
      </Ellipse.Fill>
    </Ellipse>
  
    <Rectangle Canvas.Left="0" Canvas.Top="20" RenderTransformOrigin="0.5,0.5" Width="101" Height="131" x:Name="PrincipalBarrel" >
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
          <GradientStop Color="#FFFFFFFF" Offset="0"/>
          <GradientStop Color="#FF146581" Offset="0.827"/>
          <GradientStop Color="#FF8CB4C1" Offset="0.091"/>
          <GradientStop Color="#FF6EA0B1" Offset="1"/>
          <GradientStop Color="#FF1D6B86" Offset="0.567"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
      <Rectangle.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Rectangle.RenderTransform>
    </Rectangle>
  
    <Ellipse Height="40" Width="101" x:Name="PrincipalTop">
      <Ellipse.Fill>
        <LinearGradientBrush EndPoint="2.606,-3.139" StartPoint="-0.075,0.967">
          <GradientStop Color="#FFFFFFFF" Offset="0"/>
          <GradientStop Color="#FF146581" Offset="0.827"/>
          <GradientStop Color="#FF8CB4C1" Offset="0.091"/>
          <GradientStop Color="#FF6EA0B1" Offset="1"/>
          <GradientStop Color="#FF1D6B86" Offset="0.567"/>
        </LinearGradientBrush>
      </Ellipse.Fill>
    </Ellipse>
  
    <Ellipse Height="40" Width="101" x:Name="PrincipalGlassTop">
      <Ellipse.Stroke>
        <LinearGradientBrush EndPoint="-0.067,1.242" StartPoint="0.908,0.108">
          <GradientStop Color="#00FFFFFF" Offset="0"/>
          <GradientStop Color="#FFFFFFFF" Offset="1"/>
        </LinearGradientBrush>
      </Ellipse.Stroke>
      <Ellipse.Fill>
        <LinearGradientBrush EndPoint="1.878,-1.502" StartPoint="-0.28,1.786" SpreadMethod="Repeat">
          <GradientStop Color="#78FFFFFF" Offset="0.581"/>
          <GradientStop Color="#00FFFFFF" Offset="0.622"/>
          <GradientStop Color="#00FFFFFF" Offset="0.4"/>
          <GradientStop Color="#3EFFFFFF" Offset="0.444"/>
          <GradientStop Color="#00FFFFFF" Offset="0.736"/>
          <GradientStop Color="#61FFFFFF" Offset="0.708"/>
          <GradientStop Color="#00FFFFFF" Offset="0.935"/>
          <GradientStop Color="#00FFFFFF" Offset="0.935"/>
          <GradientStop Color="#00FFFFFF" Offset="0.881"/>
          <GradientStop Color="#00FFFFFF" Offset="0.293"/>
          <GradientStop Color="#32FFFFFF" Offset="0.315"/>
          <GradientStop Color="#00FFFFFF" Offset="0.369"/>
          <GradientStop Color="#58FEFEFE" Offset="0.012"/>
          <GradientStop Color="#59FEFEFE" Offset="0.979"/>
          <GradientStop Color="#18FFFFFF" Offset="0.057"/>
          <GradientStop Color="#00FFFFFF" Offset="0.688"/>
          <GradientStop Color="#18FFFFFF" Offset="0.475"/>
        </LinearGradientBrush>
      </Ellipse.Fill>
    </Ellipse>
  
    <TextBlock  Canvas.Left="110" FontSize="10" Canvas.Top="114.704"  Height="11.296"  FontWeight="Bold" Foreground="#FF1D62AF"  TextWrapping="Wrap" x:Name="PrincipalText"><Run >Principal</Run></TextBlock>
    <TextBlock Height="11.296" FontSize="10" FontWeight="Bold" Foreground="#FF1D62AF"  TextWrapping="Wrap"  Canvas.Left="110" Canvas.Top="212.704"  Text="Interest" x:Name="InterestText"/>



  </Canvas>
    
</UserControl>